<template>
  <div style=" margin-top: 48px;">
    <nav-header :title="title" :active-right-btn="activeRightBtn"></nav-header>
    <slot>

    </slot>
    <nav-footer ></nav-footer>
  </div>
</template>


<script>

  import NavHeader from './Header'
  import NavFooter from './Footer'

  export default {
    name: "Header",
    components: {
      //someComponent
      NavHeader,NavFooter,
    },
    props: ['title','activeRightBtn'],
    data() {
      return {
        msg: "Hello Vue.js",
      }
    },
    computed: {},
    watch: {},
    mounted: function () {

    },
    methods: {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  h1, h2 {
    font-weight: normal;
  }
  ul {
    list-style-type: none;
    padding: 0;
  }
  li {
    display: inline-block;
    margin: 0 10px;
  }
  a {
    color: #42b983;
  }
</style>
